<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>404</title>
        <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="css/bootstrap.min.css" rel="stylesheet" />
        <link href="fontAwesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="css/common.css" rel="stylesheet" />
        <link href="css/main.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">渠道管理<span class="f12">&nbsp;&nbsp;ERP</span></a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="javascript:;">首页</a></li>
        <li><a href="javascript:;">机构管理</a></li>
        <li><a href="javascript:;">报备管理</a></li>
      </ul>
      <div class="login-settings">
        <a href="javascript:;" class="clearfix"  data-toggle="popover">
          <div class="loginImg"></div>
          <div class="loginName">木头</div>
          <i class="fa fa-caret-down"></i>
        </a>
      </div>
    </div>
  </nav>
  <div class="sidebar">
    <ul class="nav nav-sidebar">
      <li class="nav-parent">
          <a href="#" class="nav-parent-title"><i class="fa fa-th-large iconLeft"></i>首页<i class="fa fa-angle-down iconRight"></i></a>
          <ul class="nav nav-children">
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
          </ul>
      </li>
      <li class="nav-parent">
          <a href="#" class="nav-parent-title"><i class="fa fa-sitemap iconLeft"></i>机构管理<i class="fa fa-angle-down iconRight"></i></a>
          <ul class="nav nav-children">
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
          </ul>
      </li>
      <li class="nav-parent active">
          <a href="#" class="nav-parent-title"><i class="fa fa-edit iconLeft"></i>报备管理<i class="fa fa-angle-down iconRight"></i></a>
          <ul class="nav nav-children">
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
          </ul>
      </li>
    </ul>
  </div>
  <div class="main">
      <div class="main-content">
        <div class="fail-content">
          <img src="images/404.png" class="failImg">
          <p class="fail-text">哎呀，您访问的页面不存在！</p>
          <p class="fail-jump">您可以继续访问<a href="javascript:;">首页</a></p>
        </div>
      </div>
  </div>
</div>
</body>
<script type="text/javascript" src="js/main.js"></script>

</html>
